$ant-pre: ant-;
.#{$ant-pre}tabs {
  position: relative;
  //overflow: hidden;
  .navs {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    .ant-tab-pane {
      flex-shrink: 0;
      padding: 10px 15px;
      text-align: center;
      height: 32px;
      line-height: 32px;
      cursor: pointer;
      &.active {
        color: #096dd9;
      }
    }
  }
  .panes {
    transition: all 0.5s ease;
  }

  .tab-slide-enter-from {
    transform: translateX(-100%);
  }

  .tab-slide-enter-to {
    transform: translateX(0);
  }

  .tab-slide-leave-to {
    transform: translateX(100%);
  }

  .tab-slide-enter-active, .tab-slide-leave-active {
    position: absolute;
    width: 100%;
  }


}
